<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/index.css">
    <title>博雅互动</title>
</head>

<body>
    <!-- 头部导航栏开始 -->
    <div class="header_nav">
        <div class="inner_c">
            <h3 class="logo"></h3>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="./game.html">博雅游戏</a></li>
                <li><a href="#">博雅新闻</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">客服中心</a></li>
                <li><a href="#">投资者关系</a></li>
            </ul>
            <div class="jion_us">
                <a href="#">加入我们</a>
            </div>
        </div>
    </div>
    <!-- 头部导航栏结束 -->

    <!-- 轮播图开始 -->
    <div class="banner">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <!-- 轮播图结束 -->

    <!-- 内容部分开始 -->
    <div class="content">
        <!-- 内容中产品开始 -->
        <div class="product clearfix">
            <ul>
                <li>
                    <img src="./img/pro1.jpg" alt="产品图片">
                    <h3>BPT宣传片</h3>
                    <div class="play"><a href="#">点击播放</a></div>
                </li>
                <li>
                    <img src="./img/pro2.jpg" alt="产品图片">
                    <h3>博雅互动宣传片</h3>
                    <div class="play"><a href="#">点击播放</a></div>
                </li>
                <li>
                    <img src="./img/pro3.jpg" alt="产品图片">
                    <h3>斗地主</h3>
                    <div class="play"><a href="#">点击播放</a></div>
                </li>
                <li>
                    <img src="./img/pro4.jpg" alt="产品图片">
                    <h3>德州扑克</h3>
                    <div class="play"><a href="#">点击播放</a></div>
                </li>
            </ul>
            <ol>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
        <!-- 内容中产品结束 -->

        <!-- 内容中信息开始 -->
        <div class="info">
            <!-- 左边新闻开始 -->
            <div class="left">
                <ul>
                    <li>
                        <a href="#">
                            <span>02/21</span>
                            <h3>新闻标题新闻标题</h3>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>02/21</span>
                            <h3>新闻标题新闻标题</h3>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>02/21</span>
                            <h3>新闻标题新闻标题</h3>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>02/21</span>
                            <h3>新闻标题新闻标题</h3>
                        </a>
                    </li>
                </ul>
                <div class="more">
                    <a href="#"></a>
                </div>
            </div>
            <!-- 左边新闻结束 -->

            <!-- 右边招聘开始 -->
            <div class="right">
                <h2 class="zczp"></h2>
                <div class="more">
                    <a href="#"></a>
                </div>
                <h3>专场招聘岗位</h3>
                <ul>
                    <li><a href="#">前端工程师</a></li>
                    <li><a href="#">前端工程师</a></li>
                    <li><a href="#">前端工程师</a></li>
                    <li><a href="#">前端工程师</a></li>
                </ul>
            </div>
            <!-- 右边招聘结束 -->
        </div>
        <!-- 内容中信息结束 -->
    </div>
    <!-- 内容部分结束 -->

    <!-- 底部开始 -->
    <div class="footer">
        <div class="inner_con">
            <div class="left">
                <a href="#">网站地图</a>
                <a href="#">免责声明</a>
            </div>
            <div class="right">
               Copyright &copy; 2004-2014 博雅互动（Boyaa Interactive) 粤ICP备05062536号 增值电信业务经营许可证：粤B2-20110513
               <img src="./img/govIcon.gif" alt="警徽图片"> 
            </div>
        </div>
        <div class="top">
            <a href="#">TOP</a>
        </div>
    </div>
    <!-- 底部结束 -->
</body>

</html>